<%inherit file="base.html"/>

<%block name="Content">
<div id="content" role="main">
	
	<%block name="PostAbove">
	</%block>
	% for article in DATA.articleList:
	<div class="post type-post format-standard hentry">
		<h2 class="entry-title">
		<a href="${article.permalink}">${article.title}
		</a></h2>
		<div class="additional-meta"> 
			<span class="meta-prep meta-prep-author">Posted on</span> 
			<span class="date">${article.getLocalCreatedTime()}</span> 
			<span class="meta-sep">by</span> 
			<span class="author vcard"><a class="url fn n" href="/about">${DATA.blog.bloger}</a></span>
			<span class="meta-comments"><a href="${article.permalink}#comment">Leave a comment</a></span> 
		</div>
		<!-- .additional-meta -->
		<div class="entry-content">
		%if article.image!=None:
		<a href="${article.permalink}" rel="bookmark">
			<img class="custim wp-post-image" width="240" height="120" src="${article.image}">		</a>
		 %endif
		<p>
		%if article.summary!=None:
			${article.summary}
		%else:
			${article.content}
		%endif
		...<a href="${article.permalink}">Continue reading <span class="meta-nav">→</span></a></p>
		</div>
		<!-- .entry-content -->
		<div class="entry-utility">
				<span class="category">
					<span class="entry-utility-prep entry-utility-prep-category">Posted in</span>
						<a href="/category/${article.category.name}" title="View all posts in /category/${article.category.name}" rel="category tag">${article.category.name}</a> 
				</span>
			 	<!-- Category -->			 
			 %if len(article.getTags()):
				 <span class="tags">
					<span class="entry-utility-prep entry-utility-prep-tag-links">Tagged</span>
					% for tag in article.getTags():
						<a href="/tag/${ tag.name}" rel="tag">${ tag.name}</a>  
					% endfor
				</span>
				<!-- Tagged -->
			%endif
		</div>
		<!-- .entry-utility -->
	</div>
	<!-- #post-## -->
	% endfor
	
	<div id="nav-below" class="navigation">
		% if DATA.pagination.hasPrevPage():
			<div class="nav-previous"><a href="?page=${DATA.pagination.getPrevNum()}" ><span class="meta-nav">&larr;</span> Newer posts 较早的文章</a></div>
		% endif
		% if DATA.pagination.hasNextPage():
			<div class="nav-next"><a href="?page=${DATA.pagination.getNextNum()}" class="previouspostslink">Older posts 较晚的文章 <span class="meta-nav">→</span></a></div>
		% endif
	</div>
	<!-- #nav-below -->
</div>
</%block>
